<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="/crm-core/css/bootstrap_css_4/bootstrap.min.css" type="text/css" rel="stylesheet"/>
    <script type="text/javascript" src="/crm-core/js/jquery/jquery-3.7.1-min.js"></script>
    <script type="text/javascript" src="/crm-core/js/bootstrap_js_4/bootstrap.bundle.js"></script>
    <script type="text/javascript" src="/crm-core/js/bs_pagination/jquery.bs_pagination.js"></script>
    <title>测试文件上传</title>
</head>
<body>
<div class="container mt-5">
    <div class="row">
        <div class="col-md-8">
            <div class="card">
                <img src="example.jpg" class="card-img-top" alt="活动图片">
                <div class="card-body">
                    <h5 class="card-title">活动标题</h5>
                    <p class="card-text">这里是活动的详细描述。你可以添加更多有关活动的信息，让参与者有充分的了解。</p>
                    <a href="#" class="btn btn-primary">参与活动</a>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <h3>活动细节</h3>
            <ul>
                <li>日期：2023年1月1日</li>
                <li>地点：某某地点</li>
                <li>费用：免费</li>
            </ul>
        </div>
    </div>
</div>

<script>
    // 这里可以编写一些jQuery代码，例如一个简单的点击事件
    $(document).ready(function(){
        $('.btn').click(function(){
            alert('谢谢你的参与！');
        });
    });
</script>

<!-- 引入Bootstrap JS -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>
